﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="DragDropControls.aspx.cs" Inherits="DragDropControls" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="DemoTitleContentPlaceHolder" Runat="Server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="DemoContentPlaceHolder" Runat="Server">
<table>
<tr>
<td width="50%">
Drag any of these:<br /><br />
    <asp:Label ID="DragLabel" runat="server" Text="Drag this label around"></asp:Label><br />
    <asp:Image ID="DragImage" runat="server" ImageUrl="http://i1.codeplex.com/Images/v14806/logo-home.png" />
    <br />
    <hr runat="server" width='100%' id="DragHR" />
    <asp:Label ID="Label1" runat="server" Text="(even this rule!)"></asp:Label><br />
<cc2:Draggable Cursor="crosshair" ID="Draggable2" runat="server" Selector="#{DragLabel}" />
<cc2:Draggable Cursor="crosshair" ID="Draggable5" runat="server" Selector="#{DragImage}" />
<cc2:Draggable Cursor="crosshair" ID="Draggable6" runat="server" Selector="#{DragHR}" />
<cc2:Draggable Cursor="crosshair" ID="Draggable1" runat="server" Selector="#{Label1}" />

</td>
<td>

Into this panel:

 <asp:Panel ID="Panel2" runat="server" BorderWidth="1" Height="300" Width="400">
 </asp:Panel>
    <cc2:Resizeable ID="Resizeable1" runat="server" Selector="#{Panel2}">
    </cc2:Resizeable>
</td>
</tr>
</table>

  
  <cc2:Droppable 
  ID="Droppable1" runat="server"
  Selector="#{Panel2}" OnClientDropDrop="$(this).fadeOut().fadeIn();"
   />


</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="SourceContentPlaceHolder" Runat="Server">
</asp:Content>

